<template>
	<view>
		<AppBar :autoBack="true" title="选择身份"></AppBar>
		<view class="container">
			<view class="rowCenter">
				<text class="titleH1">请选择您的身份</text>
			</view>
			<uv-gap height="10"></uv-gap>
			<view class="rowCenter">
				<text class="titleH2">从下方选择您的身份类型，使用专属功能</text>
			</view>
			<uv-gap height="30"></uv-gap>
			<view v-for="(item,index) in pageList" :key="index" @click="goPage(item.page)" class="cloumCenter">
				<view class="cardContiner rowSpaceBetween" style="width: 100%;">
					<uv-image src="/static/logo.png" shape="circle" width="100rpx" height="100rpx"></uv-image>
					<view class="cloummStart">
						<text class="titleH2 fontWeight">{{item.name}}</text>
						<uv-gap height="10"></uv-gap>
						<text class="titleH2">{{item.phone}}</text>
					</view>
					<fui-icon name="arrowright"></fui-icon>
				</view>
				<uv-gap height="20"></uv-gap>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';

	const pageList = ref(
		[{
				name: '运营中心',
				phone: '15838030103',
				page: '/pages/tabbar/agentTabbar/agentTabbar'
			},
			{
				name: '客户端',
				phone: '15838030103',
				page: '/pages/tabbar/serviceTabbar/serviceTabbar'
			}
		])
	const goPage = (url) => {
		console.log(url);
		
		uni.navigateTo({
			url: url
		})
	}
</script>

<style>

</style>